<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
				
				padding: 0;
			}
			
			#mark1 ul li {
				display: inline-block;
				float: right;
				list-style-type: none;
			}
			
			#mark1 #clear {
				clear: both;
			}
			
			#mark2,
			#mark3 {
				margin: 3px;
				border: black;
				border-style: solid;
				border-width: 1px;
				height: 150px;
			}
			
			#mark4 {
				color: white;
				background: #be0000;
			}
			
			#mark5 ul li {
				list-style-type: none;
				display: inline-block;
				margin: 10px;
			}
			
			#mark4 ul li {
				list-style-type: none;
				display: inline-block;
				margin: 20px;
			}
			
			#mark6,
			#mark7 {
				margin: 3px;
				float: left;
				border: black;
				border-style: solid;
				border-width: 1px;
				height: 900px;
			}
			
			#mark6 {
				width: 600px;
			}
			
			#mark7 {
				width: 400px;
			}
			
			#mark8 {
				margin: 3px;
				float: right;
				border: black;
				border-style: solid;
				border-width: 1px;
				height: 5000px;
				width: 480px;
			}
			
			#mark9 {
				margin: 3px;
				float: left;
				border: black;
				border-style: solid;
				border-width: 1px;
				height: 500px;
				width: 1008px;
			}
			
			#mark10,
			#mark11 {
				margin: 3px;
				float: left;
				border: black;
				border-style: solid;
				border-width: 1px;
			}
			
			#mark10 {
				width: 600px;
				height: 7000px;
			}
			
			#mark11 {
				width: 400px;
				height: 9000px;
			}
			
			#mark12,#mark13 {
				margin: 3px;
				float: left;
				border: black;
				border-style: solid;
				border-width: 1px;
			}
			#mark13 {
				width: 1500px;
			}
			
			#mark12 ul li {
				list-style-type: none;
				display: inline-block;
				margin: 20px;
			}
			#mark13 ul li {
				list-style-type: none;
				display: inline-block;
				margin: 20px;
			}
			#mark14{
				float: left;
				height: 800px;
				width: 1500px;
				border: black;
				border-style: solid;
				border-width: 1px;
			}
		</style>
	</head>

	<body>
		<div id="mark1">
			<ul>
				<li>搜索</li>
				<li>帮助|</li>
				<li>注册|</li>
				<li>登录|</li>
				<li><span>您还未登录！</span></li>
			</ul>
			<div id="clear">
			</div>
		</div>
		<div id="mark2">
			<!--第一块儿-->
		</div>
		<div id="mark3">
			<!--第二块儿-->
		</div>
		<div id="mark4">
			<ul>
				<li>极客头条</li>
				<li>学院</li>
				<li>论坛</li>
				<li>博客</li>
				<li>下载</li>
				<li>问答</li>
				<li>商城</li>
				<li>招聘</li>
				<li>ITeye</li>
				<li>活动</li>
				<li>CTO</li>
				<li>GitChat</li>
				<li>码云</li>
				<li>开源中国</li>
				<li>程序员</li>
				<li>APP</li>
			</ul>
		</div>
		<div id="mark5">
			<ul>
				<li>业界</li>
				<li>云计算</li>
				<li>大数据</li>
				<li>IoT</li>
				<li>人工智能</li>
				<li>移动开发</li>
				<li>架构</li>
				<li>数据库</li>
				<li>|</li>
				<li>VisualStudio</li>
				<li>华为计算</li>
				<li>英特尔软件</li>
				<li>IBM社区</li>
				<li>普贤云计算</li>
				<li>AWS</li>
				<li>Qualcom</li>
				<li>腾讯云</li>
			</ul>
		</div>
		<div id="mark6">
		</div>
		<div id="mark7">
		</div>
		<div id="mark8">
		</div>
		<div id="mark9">
			
		</div>
		<div id="mark10">
			
		</div>
		<div id="mark11">
			
		</div>
		<div id="mark12">
			<h3>核心技术类目</h3>
			<ul>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
				<li>xx</li>
			</ul>
		</div>
		<div id="mark13">
			<h3>感受csdn的丰富服务</h3>
			<ul>
				<li>RSS</li>
				<li>活动</li>
				<li>邮件</li>
				<li>关注微博</li>
				<li>订阅微信</li>
				<li>移动客户端</li>
				<li>程序员订阅</li>
				<li>发布项目</li>
			</ul>
		</div>
		<div id="mark14">
			
		</div>
	</body>

</html>